body{ overflow-x: hidden;}
.section{ position:relative;height: 100vh !important; overflow:hidden;}
/*.section>*{ display:none;}*/
/*
    banner
*/
.banner{ position:relative; height:100vh; overflow:hidden;}
.banner img.pic{width: 100%;height: 100vh; object-fit: cover;transition:1s linear 2s;transform:scale(1.01,1.01);}
.banner .swiper-slide-active img,.banner .swiper-slide-duplicate-active img{transition:6s linear;transform:scale(1,1);}

.banner .bd { position:absolute; text-align:center; color:#fff; z-index:999; top:30%; width:100%;}
.banner .bd .tit{font-size:0.30rem;padding-top: 0.20rem;}
.banner .bd .en{font-size:0.14rem;text-transform: uppercase;padding-bottom: 1.20rem;}
.banner .bd .more{ display:inline-block;}
/*
    band
*/

.iband{ background:url(../image/s1bg.jpg) no-repeat center bottom;background-size: 100% auto;}
.iband .hd{ padding:1.00rem 1.20rem;}
.iband .hd .name{font-size: 0.30rem;}
.iband .hd .tit{font-size:0.60rem;margin: 0.35rem 0  0.15rem 0;color: #222;}
.iband .hd .desc{font-size:0.48rem;color: #333;}
.iband .hd .en{font-size:0.24rem;margin-top: 0.20rem;color: #666;}
.iband .hd>div{ line-height:1;}

.iband .bd{padding:1.00rem 1.20rem;}
.rongyu{
    position: absolute;
    bottom: 1.05rem;
}
.rongyu .item{width:1.50rem;height:1.13rem;background:url(../image/ry-bg.png) no-repeat;background-size: 100% auto;text-align:center;font-size:0.14rem;margin-right: 0.31rem;padding: 0.25rem 0.10rem;}


.iband .more-btn{position: absolute;top: 50%;margin-top: -0.25rem;}

.icate{ position:absolute; right:1.20rem; bottom:1.00rem; width:7.80rem;}
.icate .item{width:3.60rem;height:5.25rem;background:#fff;margin-right:0.60rem;box-shadow: 1px 0px 0.16rem rgba(0,0,0,0.32);border-radius: 10px;overflow: hidden;position: relative;}
.icate .item .img{height: 5.25rem;}
.icate .item .img img{ width:100%;height: 100%; object-fit: cover;}
.icate .item .title{font-size:0.18rem;text-align:center;padding: 0.20rem 0 0 0;position: absolute;left: 0;bottom: 0;width: 100%;background: rgba(0,0,0,.3);color: #fff;}
.icate .item .title span{ display:block;}
.icate .swiper-pagination-bullet{transition:all 0.3s; border-radius:8px !important; }
.icate .swiper-pagination-bullet-active{ padding-left:20px; padding-right:20px; background:#fff;}

.iabout{ background:url(../image/s2bg.jpg) no-repeat center center;background-size: 100% auto; }
.iabout .hd{padding: 1.45rem 1.20rem 0;color:#fff;}
.iabout .hd>div{ line-height:1;}
/*.iabout .hd .tit{ font-size:0.26rem;}*/
/*.iabout .hd .tit1{font-size:0.28rem;opacity: 0.8;margin-top: 0.50rem;}*/
/*.iabout .hd .tit2{font-size:0.42rem;margin-top: 0.20rem;}*/
.iabout .hd .name{font-size: 0.30rem;}
.iabout .hd .tit{font-size:0.60rem;margin: 0.35rem 0  0.15rem 0;color: #fff;}
.iabout .hd .desc{font-size:0.48rem;color: #fff;}
.iabout .hd .en{font-size:0.24rem;margin-top: 0.20rem;color: #fff;}
.iabout .hd>div{ line-height:1;}


.iabout .bd{padding: 1.15rem 1.20rem 0;position: absolute;top: 40%;}
.about-n{color: #fff;}
.about-n .item{ margin-right:0.60rem;}
.about-n span{font-size: 0.65rem;line-height: 1;font-weight: bold;}
.about-n i{ font-size:0.19rem;}
.about-n p{ font-size:0.18rem;}
.about-n .en{ font-size:0.14rem; color:#7c98af;text-transform: uppercase;font-weight: 600;}
.iabout .bd .more-btn{ margin-top:1.20rem;}

.ivideo{ background:#000;}
.ivideo .mask{position: absolute;z-index: 2;background: rgba(0,0,0,0.6);width: 100%;left: 0;top: 0;bottom: 0;backdrop-filter: blur(2px);}
.player{ position:absolute; left:50%; top:50%; margin:-0.58rem 0 0 -0.58rem; width:1.17rem; height:1.17rem; background:url(../image/player.png);background-size: 100% auto;}
.playerbox{ width:10.80rem; height:6.00rem;position:absolute; left:50%; top:50%; margin:-3.00rem 0 0 -5.40rem; display:none;}


.iprodcut{ background:#f8f8f8;}
.iprodcut .bd{padding:0 1.20rem;height: 100%;}
.iprodcut .bd .item{flex: 1; padding:1.50rem 0; border-right: #ececec solid 1px;}
.iprodcut .bd .item-product{border-left: #ececec solid 1px;border-right: #ececec solid 1px;padding-left: 0.50rem;padding-right: 0.50rem;font-size: 0.23rem;}
.iprodcut .bd .item-img{ background:#fff}

.item-cate li .txt-cate{ font-size:0.26rem;display: block;padding: 0.06rem 0;margin-bottom: 0.10rem; color:#222; font-style:italic;}
.item-cate li .txt-cate em { font-weight:100; margin:0 0.10rem; font-size:0.26rem; color:#999; font-style:italic;}
.item-cate li .txt-cate .en{ font-size:0.28rem;color:#666;text-transform: uppercase;font-style:italic;}
.item-cate li .txt-cate:hover{font-size:0.32rem;font-weight: bold;}

.item-cate .subbox{ display:none;}

.item-product .img{ display:none;}
.item-product li{padding: 0.06rem 0;margin-bottom: 0.10rem;font-style: italic;}
.item-product li a:hover{font-size: 0.26rem;}

.iprodcut .on a{ color:#005187; font-weight:bold;}

.idev{background:url(../image/s4bg1.jpg) no-repeat center center;background-size: 100% auto;}
.idev .bd{ position:absolute; right:0; top:0; width:50%; height:100%; padding:0.50rem 1.10rem; background:rgba(0,81,135,0.83);backdrop-filter: blur(2px); color:#fff;}
.idev .bd .tit{ position: relative;font-size:0.40rem;}
.idev .bd .tit .en{font-size:0.26rem;}
.idev .bd .tit:after{position:absolute;bottom: 0.10rem;left: -0.20rem;display:block;content:' ';background:#000;width:1.20rem;height:0.20rem;z-index: -1;opacity: 0.3;}

.idev .bd .cont{ padding:1.10rem 0; font-size:0.18rem;}
.idev .bd .cont .en{ margin-top:0.30rem; font-size:0.14rem;}

.inews{background:#f8f8f8;}
.inews .bd{padding:0 1.20rem;height: 100%;padding-top: 0.90rem; padding-top:calc((100vh - 6.76rem)/2);}
.inews .bd li{width:5.2rem;border-bottom: #9E9E9E solid 2px;padding-bottom: 0.50rem;background: #fff;/* border-radius: 10px; */overflow: hidden;}
.inews .img{/* border-radius: 10px; */overflow: hidden;margin-bottom: 0.25rem; height:4.00rem;}
.inews .img img{ width:100%; height:100%; object-fit:cover;}
.inews .info{ padding:0 0.35rem;}
.inews .title{font-size:0.23rem;/* font-weight: 400; */margin-top: 0.10rem;display: block;}
.inews .desc{font-size:0.16rem;color: #999;line-height: 1.6;margin-bottom: 0.35rem;}
.inews .time{font-size: 0.18rem;}

.ipartners{ background:#fff;}
.ipartners .hd{ padding:1.00rem 1.20rem;}
.ipartners .hd>div{ line-height:1;}
.ipartners .hd .tit{font-size:0.60rem;margin: 0 0 0.35rem 0;color: #222;}
.ipartners .hd .desc{font-size:0.38rem;color: #333;}
.ipartners .hd .en{font-size:0.24rem;margin-top: 0.20rem;color: #666;}
.ipartners .bd{padding: 0 1.20rem 0 0;}
.ipartners .bd .imap{ width:50%;}
.ipartners .bd .imgs{ padding-left:0.50rem;}
.ipartners .bd li{ width:20%; height:1.20rem; padding:0.06rem;}
.ipartners .bd li img{ background-blend-mode: luminosity;filter: grayscale(1); opacity:0.9; width:100%; height:100%; object-fit: contain;background: #fff;}
.ipartners .bd li:hover img{filter: grayscale(0); opacity:1;}
.ipartners .bd .more-btn{ padding-top:0.40rem; padding-right: 0.30rem; text-align:right;}
.ipartners .bd .more-btn a{ display:inline-block;}

.inbann{margin-top:0.90rem;}

.inposbar{ padding: 0 1.80rem;}
.inposbar li{padding:0 0.30rem;}
.inposbar li a{ display:block; padding:0.15rem 0;}
.inposbar li.on a{ border-bottom:#00479f solid 2px; color:#00479f;}
.inposbar li a:hover{ border-bottom:#00479f solid 2px; color:#00479f;}

.formbox{}
.formbox table{ width:100%}
.formbox table td{ padding:8px 10px;}
.formbox .text{ width:20%; padding-right:10px; text-align:right;}
.formbox .input-text,.formbox .textarea-text{ width: 65%; padding:6px 15px; border-radius:3px; border:#ccc solid 1px;}
.formbox .input .info{ color:#f00; margin-left:10px;}
.formbox .button{ padding:10px 30px; font-size:0.21rem;}